import React,{Component} from 'react';
import Adaptive from '../../../component/adaptive/Adaptive';
import Header from '../../../system/header/Header';
import {ReactHeight} from 'react-height';
import {asyncSize} from 'pofod/window.size';
import Footer from '../../../component/footer/Footer';
import MobileFooter from '../../../component/footer-mobile/FooterMobile';
import './strategy.less';
class Strategy extends Component{
    state={
        height:asyncSize().pageHeight,
        headerHeight:''
    };
    componentDidMount(){


        window.addEventListener('resize',()=>{
            this.setState({
                height:asyncSize().pageHeight
            })
        });
    };
    componentWillUnmount(){
        window.removeEventListener('resize',()=>{
            this.setState({
                height:asyncSize().pageHeight
            })
        });
    };
    getHeight = (height) =>{
        this.setState({
            headerHeight:height
        });
    };
    render()
    {
        let prefix = 'strategy';
        let {height,headerHeight} = this.state;
        return (
            <div className={prefix+'-container'} style={{height:height}}>
                <ReactHeight onHeightReady={this.getHeight}>
                    <Header refName="about" childNodes="about-a" choseImgDisplay="none"/>
                </ReactHeight>
                <div className={prefix+' clearfix'} style={{minHeight:(700-headerHeight)+'px',height:height-headerHeight}}>
                    <div className={prefix+'-content-box clearfix'}>
                        <div id={prefix+"-content"}>
                            <h1>公司战略</h1>
                            <p>梅奥沉淀150余年的知识体系、管理模式、品质标准，将通过惠每极致医疗“梅奥+”战略建立的惠每医院网络（HuiMei Hospital Network），为网络内的中国医院/医生提供来自“医学麦加”——梅奥最强有力的资源支持。同时，涵盖梅奥等顶级医疗资源的惠每医院网络，将为患者/健康人群、机构提供个性、综合的海内外医疗健康解决方案。</p>
                        </div>
                        {/*<div className={prefix+'-img-container'}>*/}
                            {/*<img src={require('./img/bac.png')} alt=""/>*/}
                        {/*</div>*/}
                    </div>
                </div>
                <Adaptive desktop={<Footer/>} phone={<MobileFooter/>} size={1200}/>
            </div>
        )
    }
};
export default Strategy;